<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="style/fjol_style.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">鑫资讯</h1>
		</header>
		<div class="mui-scroll-wrapper" style="top: 45px;">
		    <div class="mui-scroll">
		        <!--这里放置真实显示的DOM内容-->
		        <ul class="mui-table-view" id="articalList">
		                
		        </ul>
		    </div>
		</div>
		
		<script src="js/mui.min.js"></script>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
		<script src="js/generalUtil.js"></script>
		<script src="js/md5.js"></script>
		<script src="js/network.js"></script>
		<script src="js/fj_public_js.js"></script>
		
		<script id="articalTmpl" type="text/x-jquery-tmpl">
			<li class="mui-table-view-cell">
	            <a href="http://182.61.20.153:8181/article/index?id=${id}" class="mui-navigate-right">
	                ${title}
	            </a>
	        </li>
		</script>
		<script type="text/javascript">
			mui.init();
			
			mui.plusReady(function(){
				var articalParam = [{
					key:'page',
					value:1
				},{
					key:'rows',
					value:10
				}];

				fjNetwork.get('fjzx/client/index-article.json',articalParam,function(data){
					var articalRows = data.rows;
					
					$('#articalTmpl').tmpl(articalRows).appendTo('#articalList');
					
					mui('#articalList').on('tap','li',function(){
						var articalTitle = this.childNodes[1].innerHTML;
						var articalUrl = this.childNodes[1].getAttribute('href');
//						console.log(articalTitle);
						mui.openWindow({
							url: 'xzx_articalCon.html',
							id: 'xzx_articalCon',
							extras: {
								articalTitle: articalTitle,
								articalUrl: articalUrl
							}
						})
					});

				},function(msg){
					mui.toast(msg);
				});
			});
			
		</script>
	</body>

</html>